<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
	xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<head>
<!-- Esto es para los autocompletar, habria que ponerlo en algun CSS -->
<style type="text/css">
	div.wicket-aa {
        font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
        font-size: 12px;
        background-color: white;
        border-width: 1px;
        border-color: #cccccc;
        border-style: solid;
        padding: 2px;
        margin: 1px 0 0 0;
        text-align:left;
    }
    div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
    div.wicket-aa ul li.selected { background-color: #FFFF00; padding: 2px; margin:0; }
</style>

<!-- Esto es para los filtros en las campañas -->
<style type="text/css">

.pointer {
	cursor: pointer;
}

.hX {
 	margin: 2px 9px 0 0;
/*     cursor: pointer; */
    display: inline-table;
/*     margin-right: 4px;
    margin-top: 3px; */
    vertical-align: top;
}
.cf {
    border-collapse: collapse;
}

.hS, .hY, .hT, .hW {
    display: none;
}

.hN {
    padding-left: 4px;
    padding-right: 6px;
}

.hR .hM {
    padding: 2px;
}
.hU, .hV {
    font: 11px arial,sans-serif;
}

.hT, .hW, .hS {
    width: 1px;
}
.hS, .hY, .hT, .hW {
    display: none;
}

.hO {
    padding: 1px 4px;
}

.Rd .Bl, .Rd .Bm, .Rd .Bn, .Rd .Bo, .Rd .Bg, .Rd .Bh, .Rd .Bi, .Rd .Bj {
    display: none;
}

.bh {
    color: #777777;
    margin: 4px 0 4px 30px;
    max-width: 450px;
}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="">
<meta name="description" content="">
<title wicket:id="pageTitle"></title>

<link rel="stylesheet" type="text/css" href="booktube.css">
<script src="js/script.js" type="text/javascript" language="Javascript"></script>

<link rel="stylesheet" type="text/css" href="reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="base.css">

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<link type="text/css" href="fg.menu.css" media="screen" rel="stylesheet" />
<link type="text/css" href="theme/ui.all.css" media="screen"
	rel="stylesheet" />

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" media="screen" rel="stylesheet" />

</head>
<body>

	<div wicket:id="login_error_dialog"><wicket:message key="wrongLogin">Wrong Login</wicket:message></div>

	<div id="fb-root" wicket:id="fbRoot"></div>

	<div id="doc4" class="yui-t7">

		<div id="page">

			<div id="hd">
				<div id="logo">
					<a href="#" wicket:id="logoLink"><img src="img/logo_03c.png"></a>
				</div>

				<div id="loginDiv">
					<form wicket:id="login">
						<p>
							<span wicket:id="feedback"></span>
						</p>
						<table>
							<tr>
								<td>User:</td>
								<td><input type="text" class="text" wicket:id="usernameLogin"
									value="" /></td>
								<td><input type="submit" class="loginButton" value="Login"
									wicket:id="button1" /></td>
							</tr>
							<tr>
								<td>Pass:</td>
								<td><input class="text" type="password"
									wicket:id="passwordLogin" value="" /></td>
							</tr>
						</table>
					</form>
					<div id="registerLabel">
						<a href="#" wicket:id="registerPage"><wicket:message key="register">Register</wicket:message></a>
						<wicket:container wicket:id="forgotPasswordContainer">
						| <a href="#" wicket:id="forgotPasswordPage"><wicket:message key="forgotPassword">Forgot Pass</wicket:message></a>
						</wicket:container>
					</div>
					<div id="welcomeLogoutLabel">
						<span wicket:id="welcome"></span>
						<wicket:container wicket:id="editProfile">
							<a href="#" wicket:id="editProfileLink"><wicket:message key="editProfile">Editar Perfil</wicket:message></a> | 
						</wicket:container>
							<a href="#" wicket:id="logoutLink"><wicket:message key="logout">Logout</wicket:message></a>
					</div>
				</div>


				<div id="randomQuote">
					<span wicket:id="randomQuote">Random Quote</span>
				</div>

				<div class="auxDiv"></div>

				<div id="searchbox">
					<form wicket:id="searchBook">
						<wicket:message key="searchBook">Search Book:</wicket:message> 
						<input class="searchField" type="text"
							wicket:id="bookTitle" value="Buscar" /> &nbsp; 
						<input class="searchButton" type="submit" 
							wicket:id="find" value="Buscar" wicket:message="value:search"/> 
						<a href="#" wicket:id="advancedSearch" style="font-size: x-small;"><wicket:message key="advancedSearch">Advanced Search</wicket:message></a>
						<br /> 
						<span wicket:id="group">	
							<input id="ratio" wicket:id="title" type="radio" checked="checked" />
							&nbsp;<wicket:message key="title">Title</wicket:message>
							<input id="ratio" wicket:id="author" type="radio" />
							&nbsp;<wicket:message key="author">Author</wicket:message>
							<input id="ratio" wicket:id="tag" type="radio" />
							&nbsp;<wicket:message key="tag">Tag</wicket:message>
						</span>
					</form>
				</div>

				<DIV id="mainmenubg"></DIV>
				<DIV id="mainmenu">
					<UL>
						<LI><A href="#" wicket:id="showBooks"><wicket:message key="read">Read</wicket:message></A></LI>
						<LI wicket:id="addBook_li"><A href="#" wicket:id="addBook"><wicket:message key="share">Share</wicket:message></A></LI>
						<LI><A href="#" wicket:id="showWriters"><wicket:message key="writers">Writers</wicket:message></A></LI>
						<LI wicket:id="contact_li"><A href="#" wicket:id="contact"><wicket:message key="contactUs">Contact</wicket:message></A></LI>
						<LI wicket:id="new_campaign_li"><A href="#"
							wicket:id="new_campaign"><wicket:message key="newCampaign">New Campaign</wicket:message></A></LI>
						<LI wicket:id="administration_li"><A href="#"
							wicket:id="adminTools"><wicket:message key="administration">Administration</wicket:message></A></LI>
						<LI wicket:id="messages_li"><a href="#"
							wicket:id="messagesLink" style="display: inline;"><wicket:message key="messages">Messages</wicket:message></a>&nbsp;<span
							wicket:id="unreadMessages"></span></LI>
						<LI wicket:id="campaigns_li"><a href="#"
							wicket:id="campaignsLink" style="display: inline;"><wicket:message key="campaigns">Campaigns</wicket:message></a>&nbsp;<span
							wicket:id="unreadCampaigns"></span></LI>
						<LI><a href="#" wicket:id="loadDataLink">Load Data</a></LI>
					</UL>
					<DIV class="clear"></DIV>
				</DIV>

			</div>

			

			<!-- id=hd -->

			<div id="bd">
				<div wicket:id="breadcrumbsContainer" style="height: 40px;">
					<span wicket:id="breadcrumbs">
						<a href="#" wicket:id="link"><span wicket:id="textLink"></span></a>&nbsp; &gt;
					</span>
				</div>
				<div id="yui-main">
					<div class="yui-b">
						<wicket:child />
					</div>
				</div>
				<div class="yui-b">
					<!-- PUT SECONDARY COLUMN CODE HERE -->
				</div>
			</div>


			<div id="ft">
				<div id="footer">
					<div id="footermenu">
						<a href="#" wicket:id="home"><wicket:message key="home">Home</wicket:message></a><SPAN>|</SPAN> <A
							class=selected href="#" wicket:id="ayuda"><wicket:message key="help">Help</wicket:message></A><SPAN>|</SPAN>
						<A href="#" wicket:id="acercaDe"><wicket:message key="about">About</wicket:message></A><SPAN>|</SPAN> <A
							href="#" wicket:id="contacto"><wicket:message key="contact">Contact</wicket:message></A><SPAN>|</SPAN> <A
							href="#" wicket:id="terminosYcondiciones"><wicket:message key="termsAndConditions">Terms and Conditions</wicket:message></A><SPAN>|</SPAN>
					</div>
					<DIV id="logoGrupo">
						<IMG src="img/poweredByNosotros_b.png">
					</DIV>
				</div>

			</div>

		</div>
		<!-- id=page -->







		<!-- 	<div id="hd"> -->
		<!-- 		<h1><a href="#" wicket:id="title">BookTube</a></h1> -->
		<!-- 		<div style="float:left"> -->
		<!-- 			<a href="#" wicket:id="showBooks">Leer</a> | -->
		<!-- 			<a href="#" wicket:id="addBook">Compartir</a> |  -->
		<!-- 			<a href="#" wicket:id="showWriters">Escritores</a> | -->
		<!-- 			<a href="#" wicket:id="contact">Contáctenos</a> | -->
		<!-- 			<a href="#" wicket:id="messagesLink">Mensajes</a> ( <span wicket:id="unreadMessages"></span> ) | -->
		<!-- 			<a href="#" wicket:id="loadDataLink">Load Data</a> -->
		<!-- 		</div> -->
		<!-- 		<div style="text-align:right;"> -->
		<!-- 		<form wicket:id="login"> -->
		<!-- 			<p> -->
		<!-- 				<span wicket:id="feedback"></span> -->
		<!-- 				User: <input type="text" wicket:id="username" value=""/> -->
		<!-- 				Pass: <input type="password" wicket:id="password" value=""/> -->
		<!-- 				<input type="submit" value="Login" wicket:id="button1" /> -->
		<!-- 			</p> -->
		<!-- 		</form> -->
		<!-- 		| <a href="#" wicket:id="registerPage">Registrate</a> -->
		<!-- 		<span wicket:id="welcome"></span> -->
		<!-- 		<a href="#" wicket:id="logoutLink">Logout</a> -->

		<!-- 		</div> -->
		<!-- 		<form wicket:id="searchBook"> -->
		<!-- 		Buscar Libro: <input type="text" wicket:id="bookTitle" value="" size="30"> &nbsp; -->
		<!-- 		<input type="submit" wicket:id="find" value="Buscar"/> -->
		<!-- 		<br/> -->
		<!-- 		<span wicket:id="group"> -->
		<!-- 	    	<input wicket:id="author" type="radio" checked="checked"/> Autor -->
		<!-- 	    	<input wicket:id="title" type="radio"/> Titulo -->
		<!-- 	    	<input wicket:id="rating" type="radio"/> Rating -->
		<!-- 	    	<input wicket:id="tag" type="radio"/> Tag -->
		<!-- 	  	</span> -->
		<!-- 		</form> -->
		<!-- 		<div style="float:right; position:relative; border:1px black solid;"> -->
		<!-- 			<span wicket:id="randomQuote">Random Quote</span> -->
		<!-- 		</div> -->
		<!-- 	</div> -->
		<!-- 	<hr /> -->
		<!-- 	<div id="bd"> -->
		<!-- 		<div id="yui-main"> -->
		<!-- 			<div class="yui-b"> -->
		<!-- 				<wicket:child /> -->
		<!-- 			</div> -->
		<!-- 		</div> -->
		<!-- 		<div class="yui-b"> -->
		<!-- 			PUT SECONDARY COLUMN CODE HERE -->
		<!-- 		</div> -->
		<!-- 	</div> -->
		<!-- 	<hr /> -->
		<!-- 	<div id="ft"> -->
		<!-- 		<span wicket:id="footer"></span> -->
		<!-- 	</div> -->


	</div>
	<!--  class="yui-t7"   -->

</body>
</html>
